<template>
	<view class="home">
		<!--circular用来设置循环轮播   indicator-dots设置下面小圆点用来点击 -->
		<swiper circular indicator-dots>
			<!-- v-for循环遍历数组 -->
			<swiper-item v-for="item in swipers" >
				<image :src="item"></image>
			</swiper-item>
		</swiper>
	</view>
</template><script>
	export default {
		data() {
			return {
				swipers:[
					'https://doc.firstui.cn/img/img_logo.png',
					'https://doc.firstui.cn/img/img_logo.png',
					'https://doc.firstui.cn/img/img_logo.png',
					'https://doc.firstui.cn/img/img_logo.png',
					'https://doc.firstui.cn/img/img_logo.png',
				]
			}
		},
	}
</script>
<!-- 开启scss -->
<style lang="scss">
	.home{
		swiper{
			width: 750rpx;
			height: 470rpx;
			image{
				width: 100%;
				height: 100%;
			}
		}
	}
</style>